// 选择图片，图片临时显示
$('#heroIcon').on('change', function () {
    // 保证取消选图，也不会报错
    if (this.files.length > 0) {
        // 文件对象
        var fileObj = document.querySelector('#heroIcon').files[0];
        // 创建一个临时的url，用于图片的预览
        var url = URL.createObjectURL(fileObj);

        $('.panel-body img').attr('src', url)
    }
});

// 添加数据，并跳转页面
$('form').on('submit', function (e) {
    // 阻止默认行为
    e.preventDefault();

    // 表单数据对象， 参数需要是DOM对象
    var fd = new FormData(this);

    $.ajax({
        type: 'POST',
        url: 'http://www.itcbc.com:8080/api/hero/add',
        data: fd,
        processData: false,   // 不要处理数据（不要把fd对象转换成查询字符串）
        contentType: false,   // 不要设置Content-Type这个请求头
        success: function (res) {
            if(res.status == 0) {
                window.location.href = './index.html';
            }
        }
    });
});